<template>
	<view>
		<header class="top-bar new_header" id="header" style="transition: all 500ms;position:fixed;">
				<div class="top-bar-con">
					<div class="top-bar-left"><i
							onclick="if (history.length>1) { history.go(-1); } else { window.location.href='/' ;}"></i></div>
					<div class="top-bar-txt" id="admin_c">会员中心</div>
					<div class="top-bar-right"><i onclick="window.location.href=&quot;/&quot;;"></i></div>
					<div class="clear"></div>
				</div>
			</header>
			<div id="account">
				<header id="account-header" class="">
					<div class="user-detail">
						<a href="https://m.zuzuche.com/account/settings.php" class="user-avatar" data-tj="账户设置">
							<img src="//imgcdn1.zuzuche.com/cdn1/public/avatar/avatar.png!/both/120x120/format/jpg/quality/75/strip/true/compress/true"
								alt="" onerror="this.onerror=null;this.src='/v2/front-end/pages/account/avatar.png';">
						</a>
						<div class="user-info">
							<div class="user-box">
								<h3 class="type">133***4199</h3>
								<div class="level-info">
									<a href="https://m.zuzuche.com/account/mileage/rights.php">
										<i class="level-icon level-1"></i>
									</a>
									<div class="level-desc">
										<div class="swiper-container swiper-container-vertical swiper-container-free-mode"
											id="swiper">
											<ul class="swiper-wrapper"
												style="transform: translate3d(0px, -192px, 0px); transition-duration: 0ms;">
												<li class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5"
													style="height: 96px;">
													<a href="https://m.zuzuche.com/account/mileage/rights.php">
														<span>考拉5折特权</span>
													</a>
												</li>
												<li class="swiper-slide swiper-slide-prev" data-swiper-slide-index="0"
													style="height: 96px;">
													<a href="https://m.zuzuche.com/account/mileage/rights.php">
														<span>享租车特惠等5大特权</span>
													</a>
												</li>
												<li class="swiper-slide swiper-slide-active" data-swiper-slide-index="1"
													style="height: 96px;">
													<a href="https://m.zuzuche.com/account/mileage/rights.php">
														<span>里程抵现特权</span>
													</a>
												</li>
												<li class="swiper-slide swiper-slide-next" data-swiper-slide-index="2"
													style="height: 96px;">
													<a href="https://m.zuzuche.com/account/mileage/rights.php">
														<span>租车95折特权</span>
													</a>
												</li>
												<li class="swiper-slide" data-swiper-slide-index="3" style="height: 96px;">
													<a href="https://m.zuzuche.com/account/mileage/rights.php">
														<span>生日专属特权</span>
													</a>
												</li>
												<li class="swiper-slide" data-swiper-slide-index="4" style="height: 96px;">
													<a href="https://m.zuzuche.com/account/mileage/rights.php">
														<span>门票95折特权</span>
													</a>
												</li>
												<li class="swiper-slide" data-swiper-slide-index="5" style="height: 96px;">
													<a href="https://m.zuzuche.com/account/mileage/rights.php">
														<span>考拉5折特权</span>
													</a>
												</li>
												<li class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev"
													data-swiper-slide-index="0" style="height: 96px;">
													<a href="https://m.zuzuche.com/account/mileage/rights.php">
														<span>享租车特惠等5大特权</span>
													</a>
												</li>
											</ul>
										</div>
										<em></em>
										<em></em>
										<i></i>
									</div>
								</div>
							</div>
		
						</div>
						<div class="message" data-tj="系统通知">
							<a href="//m-book.zuzuche.com/account/message/index">
								<span class="message-icon"></span>
								<span class="count" style="opacity: 0;"></span>
							</a>
						</div>
					</div>
					<!-- <div class="coupon">
				  <a href="">
				    <div class="text">租车订单<span class="num"></span>张</div>
				  </a>
				  <a href="">
				    <div class="text">优惠券<span class="num"></span>张</div>
				  </a>
				</div> -->
					<!-- 钱包信息 -->
					<div class="wallet">
						<ul class="nav-items wallet-items">
							<li class="point_total">
								<a href="https://m.zuzuche.com/account/mileage/index.php" data-tj="自驾里程">
									<p class="total">0</p>
									<p class="text">自驾里程</p>
								</a>
							</li>
							<li class="coupon_total">
								<a href="https://m.zuzuche.com/vip/coupon.php?type=all" data-tj="优惠券">
									<p class="total">0</p>
									<p class="text">优惠券</p>
								</a>
							</li>
							<li class="wallet_total">
								<a href="https://m.zuzuche.com/account/wallet.php" data-tj="钱包余额">
									<p class="total">¥0.00</p>
									<p class="text">钱包余额</p>
								</a>
							</li>
						</ul>
					</div>
				</header>
				<section class="list">
					<!-- 订单信息 -->
					<section class="order-act">
						<ul class="nav-items order-act-list">
							<li>
								<a href="https://m.zuzuche.com/account/order.php?_time=1647933567#order_type=total?nowebviewslide=true"
									data-tj="全部订单">
									<i class="icon all_order-icon"></i>
									<p class="text">全部订单</p>
								</a>
							</li>
							<li>
								<a href="https://m.zuzuche.com/account/order.php?_time=1647933567#order_type=unevaluated"
									data-tj="待评价">
									<i class="icon unevaluated_order-icon"></i>
									<p class="text">待评价</p>
								</a>
							</li>
							<li>
								<a href="https://m.zuzuche.com/v2/?m=account/aftersale_service&amp;nowebviewslide=true"
									data-tj="售后/理赔">
									<i class="icon aftersale-icon"></i>
									<p class="text">售后/理赔</p>
								</a>
							</li>
							<li>
								<a href="https://m.zuzuche.com/account/order.php?_time=1647933567#order_type=un-refund"
									data-tj="待退款">
									<i class="icon recent_order-icon"></i>
									<p class="text">待退款</p>
								</a>
							</li>
						</ul>
					</section>
		
					<!-- 额外服务 -->
					<section class="order-act">
						<ul class="nav-items order-act-list extra-list">
							<li>
								<a href="http://l.zuzuche.com/ymty8y" data-tj="驾照国际认证件">
									<i class="icon tidl-icon"></i>
									<p class="text">驾照国际认证件</p>
									<p class="sub-text text-tidl">限时免费</p>
								</a>
							</li>
							<li>
								<a href="https://m.zuzuche.com/tantu/list.php?poi_source=10144" data-tj="门票玩乐">
									<i class="icon poi-icon"></i>
									<p class="text">门票玩乐</p>
									<p class="sub-text text-poi">2折起</p>
								</a>
							</li>
							<li>
								<a href="https://m.zuzuche.com/tantu/topic/9ypc/r.php" data-tj="电话卡">
									<i class="icon telcard-icon"></i>
									<p class="text">电话卡</p>
									<p class="sub-text text-telcard">9元抢</p>
								</a>
							</li>
							<li>
								<a href="https://s.zuzuche.com/#/?ztm_id=19vip_appme" data-tj="会员福利">
									<i class="icon common-icon"
										style="background-image: url(https://imgcdn5.zuzuche.com/static/21/75/cca75234a3c9fa73a2915cc4a2a53c0e.png)"></i>
									<p class="text">会员福利</p>
									<p class="sub-text text-common">加油8.5折</p>
								</a>
							</li>
						</ul>
					</section>
		
					<!-- 其他内容块信息 -->
		
					<ul class="arrows common-link">
						<li>
							<a class="arrows-item " href="https://tidl.zuzuche.com/m/serve/boundLicense" data-tj="我的驾照国际认证件">
								<div class="item-wrap">
									<div class="item-content">
										<p>我的驾照国际认证件</p>
										<div class="item-right">
											<span class="item-info ">查看或激活认证件</span>
											<i class="icon icon-icon_more"></i>
										</div>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a class="arrows-item "
								href="https://m.zuzuche.com/vip/generalInfomation.php?ZZCAppArg=RefreshPreviousPage"
								data-tj="常用信息">
								<div class="item-wrap">
									<div class="item-content">
										<p>常用信息</p>
										<div class="item-right">
											<span class="item-info ">修改常用驾驶人、地址、发票信息</span>
											<i class="icon icon-icon_more"></i>
										</div>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a class="arrows-item " href="https://m.zuzuche.com/account/collect/index.php" data-tj="我的收藏">
								<div class="item-wrap">
									<div class="item-content">
										<p>我的收藏</p>
										<div class="item-right">
											<span class="item-info ">收藏后静等降价通知</span>
											<i class="icon icon-icon_more"></i>
										</div>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a class="arrows-item " href="https://m.zuzuche.com/group/chat/?_page=userInfo&amp;chatType=group"
								data-tj="我的自驾圈">
								<div class="item-wrap">
									<div class="item-content">
										<p>我的自驾圈</p>
										<div class="item-right">
											<span class="item-info ">短视频·群聊·问答</span>
											<i class="icon icon-icon_more"></i>
										</div>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a class="arrows-item " href="https://t.tantu.com" data-tj="我的行程">
								<div class="item-wrap">
									<div class="item-content">
										<p>我的行程</p>
										<div class="item-right">
											<span class="item-info ">自驾路线规划</span>
											<i class="icon icon-icon_more"></i>
										</div>
									</div>
								</div>
							</a>
						</li>
					</ul>
		
					<ul class="arrows setting-link">
						<li>
							<a class="arrows-item " href="https://m.zuzuche.com/account/settings.php" data-tj="设置">
								<div class="item-wrap">
									<div class="item-content">
										<p>设置</p>
										<div class="item-right">
											<span class="item-info ">个人信息、安全设置等</span>
											<i class="icon icon-icon_more"></i>
										</div>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a class="arrows-item " href="https://m.zuzuche.com/vip/locale.php" data-tj="语言">
								<div class="item-wrap">
									<div class="item-content">
										<p>语言</p>
										<div class="item-right">
											<span class="item-info locale-icon locale-cn">简体中文</span>
											<i class="icon icon-icon_more"></i>
										</div>
									</div>
								</div>
							</a>
						</li>
					</ul>
				</section>
			</div>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	@import "@/static/css/header.css";
	@import "@/static/css/account1.css";
</style>